<!DOCTYPE html>
<html lang="en">
<head>
	<title>Sport Fields</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" href="style.css" type="text/css" />
	<meta name="viewport" content="width=device-widht, initial-scale=1.0">
	
	</head>
<body class="body">

<div id="container">
	<img src="img/logo.jpg">
	
	<div id="nav"><ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">About</a></li>
		<li><a href="#">Contact</a></li>
	 
	</ul></div>
</div>

<div class="mainContent">
	<div class="content">
		<article class="topContent">
			<header>
				<h2><a href="#" title="Football">Football</a></h2>
			</header>
			
			<content>
				<p>Football test</p>
			</content>
		</article>
		
		<article class="topContent">
			<header>
				<h2><a href="#" title="Basketball">Basketball</a></h2>
			</header>
			
			<content>
				<p>Basketball test</p>
			</content>
		</article>
		
		<article class="bottomContent">
			<header>
				<h2><a href="#" title="Handball">Handball</a></h2>
			</header>
			
			<content>
				<p>Handball test</p>
			</content>
		</article>
		
		<article class="bottomContent">
			<header>
				<h2><a href="#" title="Tennis">Tennis</a></h2>
			</header>
			
			<content>
				<p>Tennis test</p>
			</content>
		</article>
	</div>
</div>

<aside class="topSidebar">
	<article>
		<h2>Did you know...</h2>
		<p>did you know test</p>
	</article>
</aside>

<footer class="mainFooter">
	<p>Sarajevo 2014</p>
</footer>
</body>
</html>